<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LIST</title>
</head>

<body>
    <!-- 
        标签 <ul> #<li> 表示无序列表
        type属性: 1、disc 表示实心圆 2、square 表示实心的方块 3、circle 表示空心圆
    -->
    <h1>这是无序列表</h1>
    <ul type="circle">
        <li>这是标签1</li>
        <li>这是标签2</li>
        <li>这是标签3</li>
        <li>这是标签4</li>
    </ul>

    <!-- 
        标签<ol> <li> 表示有序列表
        type属性: 
            a 小写的英文字母
            A 大写的英文字母
            i 小写的罗马数字
            I 大写的罗马数字
            1 默认，阿拉伯数字
        start属性：表示列表从n开始

        @@@ 注意: ul/ol 只能放 li
    -->
    <h1>这是有序列表</h1>
    <ol type="1" start="2">
        <li>这是有序的列表1</li>
        <li>这是有序的列表1</li>
        <li>这是有序的列表1</li>
        <li>这是有序的列表1</li>
    </ol>

    <!--  
        <dl> <dd> <dt> 自定义标签
        @@@ dl 只能放 dt 和 dd
    -->
    <h1>这是自定义列表</h1>
    <dl>
        <dt>自定义列表
            <dd>自定义1</dd>
            <dd>自定义2</dd>
            <dd>自定义3</dd>
        </dt>
    </dl>
</body>

</html>